{% extends "base.html" %}
{% block title %}Админ-панель{% endblock %}
{% block content %}
<h1 class="h3 mb-4">Панель администратора</h1>
<div class="row g-4 mb-4">
  <div class="col-md-4">
    <div class="card text-bg-primary h-100 shadow-sm">
      <div class="card-body">
        <h2 class="h6 text-uppercase text-white-50">Пользователи</h2>
        <p class="display-6 mb-0">{{ user_count }}</p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card text-bg-success h-100 shadow-sm">
      <div class="card-body">
        <h2 class="h6 text-uppercase text-white-50">Тесты</h2>
        <p class="display-6 mb-0">{{ test_count }}</p>
      </div>
    </div>
  </div>
  <div class="col-md-4">
    <div class="card text-white bg-secondary h-100 shadow-sm">
      <div class="card-body">
        <h2 class="h6 text-uppercase text-white-50">Активные попытки</h2>
        <p class="display-6 mb-0">{{ active_attempts }}</p>
      </div>
    </div>
  </div>
</div>
<div class="card shadow-sm">
  <div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <h2 class="h5 mb-0">Последние завершенные попытки</h2>
      <a class="btn btn-sm btn-outline-primary" href="{{ url_for('admin.manage_tests') }}">Создать тест</a>
    </div>
    {% if recent_attempts %}
    <div class="table-responsive">
      <table class="table table-hover align-middle mb-0">
        <thead>
          <tr>
            <th>Пользователь</th>
            <th>Тест</th>
            <th>Оценка</th>
            <th>Дата</th>
          </tr>
        </thead>
        <tbody>
          {% for attempt in recent_attempts %}
          <tr>
            <td>{{ attempt.user.username }}</td>
            <td>{{ attempt.test.title }}</td>
            <td>{{ attempt.score }}</td>
            <td>{{ attempt.completed_at.strftime('%d.%m.%Y %H:%M') }}</td>
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
    {% else %}
    <p class="mb-0 text-muted">Нет завершенных попыток.</p>
    {% endif %}
  </div>
</div>
{% endblock %}